<template>
    <div class="personalHome myassets">
        <Personal-Header bgColor="#5741d9"></Personal-Header>
        <Personal-Side></Personal-Side>
        <div class="content">
            <h2 class="pagetitle">{{$t('l.personal_230')}}认购记录</h2>
            <div class="personCon">
                <div class="infopanel">
                    <div class="pabelHead clearfix">
                        <h2 class="persontitle fl">{{$t('l.personal_230')}}认购记录</h2>
                    </div>
                    <div class="recordbox">
                        <table class="recordtable autohei">
                            <thead>
                                <tr>
                                    <th class="center" width="15%">{{$t('l.personal_230')}}时间</th>
                                    <th class="center" width="10%">{{$t('l.personal_230')}}认购份数</th>
                                    <th class="center" width="15%">{{$t('l.personal_230')}}认购套餐</th>
                                    <th class="center" width="10%">{{$t('l.personal_230')}}支付币种</th>
                                    <th class="center" width="20%">{{$t('l.personal_230')}}支付金额</th>
                                    <th class="center" width="20%">{{$t('l.personal_230')}}获得金额</th>
                                    <th width="10%" class="center">{{$t('l.personal_230')}}操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="center">2019-04-01 18:13:54</td>
                                    <td class="center">2500</td>
                                    <td class="center">2000 FACTS / 120 USDT</td>
                                    <td class="center">USDT</td>
                                    <td class="center">3000 USDT</td>
                                    <td class="center">60000 FACTS</td>
                                    <td class="center">
                                        <span class="sucstate"><i></i>成功</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="center">2019-04-01 18:13:54</td>
                                    <td class="center">2500</td>
                                    <td class="center">2000 FACTS / 120 USDT</td>
                                    <td class="center">USDT</td>
                                    <td class="center">3000 USDT</td>
                                    <td class="center">60000 FACTS</td>
                                    <td class="center">
                                        <span class="sucstate">成功</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="center">2019-04-01 18:13:54</td>
                                    <td class="center">2500</td>
                                    <td class="center">2000 FACTS / 120 USDT</td>
                                    <td class="center">USDT</td>
                                    <td class="center">3000 USDT</td>
                                    <td class="center">60000 FACTS</td>
                                    <td class="center">
                                        <span class="sucstate">成功</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="center">2019-04-01 18:13:54</td>
                                    <td class="center">2500</td>
                                    <td class="center">2000 FACTS / 120 USDT</td>
                                    <td class="center">USDT</td>
                                    <td class="center">3000 USDT</td>
                                    <td class="center">60000 FACTS</td>
                                    <td class="center">
                                        <span class="sucstate">成功</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="center">2019-04-01 18:13:54</td>
                                    <td class="center">2500</td>
                                    <td class="center">2000 FACTS / 120 USDT</td>
                                    <td class="center">USDT</td>
                                    <td class="center">3000 USDT</td>
                                    <td class="center">60000 FACTS</td>
                                    <td class="center">
                                        <span class="sucstate">成功</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="center">2019-04-01 18:13:54</td>
                                    <td class="center">2500</td>
                                    <td class="center">2000 FACTS / 120 USDT</td>
                                    <td class="center">USDT</td>
                                    <td class="center">3000 USDT</td>
                                    <td class="center">60000 FACTS</td>
                                    <td class="center">
                                        <span class="sucstate">成功</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="less">
.personalHome {
	padding-top: 100px;
}
.personCon{
    padding:24px 30px;
    box-sizing: border-box;
    height: 90%;
    .infopanel{
        background:#fff;
        padding:40px 46px 46px 34px;
        min-height: 100%;
        box-sizing: border-box;
    }
}
.myassets{
    .pabelHead{
        border-bottom:1px solid #E9EEF4;
            padding-bottom: 15px;
    }
    .recordbox{
        padding-top:14px;
		overflow-y: auto;
    }
    
}
</style>
<script>
import PersonalHeader from "@/components/personalHeader";
import PersonalSide from "@/components/personalSide";
export default {
    components: {
        PersonalHeader,
        PersonalSide
    },
}
</script>


